<?xml version="1.0" encoding="UTF-8"?>
<!--
To change this template, choose Tools | Templates
and open the template in the editor.
-->
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml"  xmlns:ui="http://java.sun.com/jsf/facelets"                        
      xmlns:f="http://java.sun.com/jsf/core"
      xmlns:p="http://primefaces.org/ui"
      xmlns:h="http://java.sun.com/jsf/html"      >
    <h:head>     
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/default.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/cssLayout.css" rel="stylesheet" type="text/css" />
        <link href="#{facesContext.externalContext.requestContextPath}/resources/css/menu.css" rel="stylesheet" type="text/css" />
        <title>Blue Pumpkin Admin Page</title>
    </h:head>
    <h:body>
        <div class="main_body_admin" >
            <div class="separator_div"/>
            <div class="admin_logo"/>

            <h:form id="frmMain">
                <p:menubar style="text-align: center" >
                    <p:menuitem value="Event" actionListener="#{naviagtionControl.redirectToEventPage()}" > </p:menuitem> 
                    <p:menuitem value="Prize" actionListener="#{naviagtionControl.redirectToPrizePage()}" ></p:menuitem> 
                    <p:menuitem value="User"  style="color: blueviolet; font-weight: bold" styleClass="admin_menu_current" ></p:menuitem> 
                    <p:menuitem value="FAQ"  actionListener="#{naviagtionControl.redirectToFAQsPage()}" ></p:menuitem> 
                    <p:menuitem value="Contact" actionListener="#{naviagtionControl.redirectToContactPage()}"  ></p:menuitem> 
                    <p:menuitem value="Registration" actionListener="#{naviagtionControl.redirectToRegistrationPage()}" ></p:menuitem> 
                    <p:menuitem value="Winner" actionListener="#{naviagtionControl.redirectToWinnerPage()}"  ></p:menuitem> 
                    <p:menuitem value="Comment" actionListener="#{naviagtionControl.redirectToCommentsPage()}"  ></p:menuitem> 
                    <p:submenu label="#{userControl.user.fullName}"    >
                         <p:menuitem value="Edit Profile" actionListener="#{userControl.redirectToLogonUserPage()}" ></p:menuitem> 
                        <p:menuitem value="Log out" actionListener="#{userControl.logout()}"  ></p:menuitem> 
                    </p:submenu>


                </p:menubar>
            </h:form>

            <div class="content_display">
                <h:form>
                    <p:toolbar>
                        <p:toolbarGroup>
                            <p:commandButton value="Add User" actionListener="#{userControl.redirectToAddUserPage()}"/>
                            <p:commandButton value="View Users" actionListener="#{userControl.redirectToListUserPage()}" />

                        </p:toolbarGroup>
                    </p:toolbar>
                </h:form>
                <p:spacer height="5px" />



                <h:form enctype="multipart/form-data">
                    <p:panel id="panel" header="Change pPssword" style="width: 99%; ">

                        <h:panelGrid columns="3" style="width: 80%">

                            <h:outputLabel value="Old Password:" for="pw" />
                            <p:password id="pw"   value="#{userControl.oldPassword}" valueChangeListener="#{userControl.checkPassword()}"  validatorMessage="Invalid Password"  required="true" requiredMessage="Old password does not empty">
                                <p:ajax event="blur" update="pwmmgs" />
                            </p:password>                           
                            <h:outputLabel rendered="#{userControl.matchPassword}" id="pwmmgs" value="Incorrect Password." />

                             <h:outputLabel value="Password:" for="password1" />
                             <p:password id="password1" value="#{userControl.newPassword}" match="password2" label="Password" required="true">
                                <f:validateLength minimum="6"/>
                                <p:message id="msp1" for="password1" display="Password is not be empty "/>
                            </p:password>
                             <div/>

                            <h:outputLabel value="Confirm Password:" for="password2" />
                            <p:password id="password2" value="#{userControl.newUser.password}" label="Password2" required="true">
                                <p:message id="msp2" for="password2" display="Confirm Password should match with Password"/>
                            </p:password>
                             <div/>
                             
                              <div/>
                            <p:messages id="mgs" autoUpdate="true" />
                             <div/>
                             
                              <div/>
                            <p:commandButton value="Change" actionListener="#{userControl.changePassword()}"  />
                            <p:commandButton value="Cancel" actionListener="#{userControl.redirectToListUserPage()}"  />

                        </h:panelGrid>
                    </p:panel>                                                                        
                </h:form>



            </div>
        </div>
    </h:body>
</html>
